<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="<%=sails.getBaseUrl()%>/plugins/materialize/css/materialize.min.css" />
<link type="text/css" rel="stylesheet" href="<%=sails.getBaseUrl()%>/styles/admin.css" />

<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>

<body>

	<header>
		<div class="top">
			<!-- Dropdown Structure -->
			<ul id="dropdown1" class="dropdown-content">
				<li><a href="#!">one</a></li>
				<li><a href="#!">two</a></li>
				<li class="divider"></li>
				<li><a href="#!">注销</a></li>
			</ul>
			<nav>
				<div class="nav-wrapper">
					<a href="#!" class="brand-logo">Logo</a>
					<ul class="right hide-on-med-and-down">
						<li><a href="sass.html">Sass</a></li>
						<li><a href="badges.html">Components</a></li>
						<!-- Dropdown Trigger -->
						<li><a class="dropdown-button" href="#!" data-activates="dropdown1">Dropdown<i class="material-icons right">arrow_drop_down</i></a></li>
					</ul>
				</div>
			</nav>
		</div>
		<ul id="nav-left" class="side-nav fixed">
			<li class="bold"><a href="about.html" class="waves-effect waves-teal">About</a></li>
			<li class="bold"><a href="getting-started.html" class="waves-effect waves-teal">Getting Started</a></li>
			<li class="no-padding">
				<ul class="collapsible collapsible-accordion">
					<li class="bold">
						<a class="collapsible-header  waves-effect waves-teal">CSS</a>
						<div class="collapsible-body">
							<ul>
								<li><a href="color.html">Color</a></li>
								<li class="active"><a href="grid.html">Grid</a></li>
								<li><a href="helpers.html">Helpers</a></li>
								<li><a href="media-css.html">Media</a></li>
								<li><a href="sass.html">Sass</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</li>
			<li class="bold">
				<a href="http://materializecss.com/mobile.html" class="waves-effect waves-teal">Mobile</a>
			</li>
		</ul>
	</header>


	<div class="main">
		<div>
			<%- body %>
		</div>
		<footer class="page-footer">
		<div class="container"></div>
		<div class="footer-copyright">
			<div class="container">
				© 2014-2015 TomMall, All rights reserved. 
			</div>
		</div>
	</footer>
	</div>

	

	<!--Import jQuery before materialize.js-->
	<script type="text/javascript"
		src="<%=sails.getBaseUrl()%>/plugins/jquery/jquery-2.1.4.min.js"></script>
	<script type="text/javascript"
		src="<%=sails.getBaseUrl()%>/plugins/materialize/js/materialize.min.js"></script>
	<script type="text/javascript"
		src="<%=sails.getBaseUrl()%>/js/admin.js"></script>
</body>
</html>